<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>增加预定</title>
    <link rel="stylesheet" href="../css/layui.css">
</head>
<body>
<header th:replace="common/header"></header>
<div class="layui-container">

    <div style="margin: 0 auto;margin-top: 2%;margin-left: 25%">

        <span th:text="${msg}" style="color: red"></span>
        <form action="/customer/addedReserve" method="post">
            <div style="overflow-x: auto; overflow-y: auto; height: 500px; width:600px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">客户名称: </label>
                    <div class="layui-input-inline">
                        <!--                    <span class="layui-input" >id</span>-->
                        <input type="text"  name="customer_name"  autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">联系电话： </label>
                    <div class="layui-input-inline">
                        <input type="text"    name="customer_tel"  autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">证件类型:  </label>
                    <div class="layui-input-inline">
                        <input type="text"   name="credentials_type"  autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">证件号：</label>
                    <div class="layui-input-inline">
                        <input type="text"   name="credentials_num"    class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">预定客房:</label>
                    <div class="layui-input-block">
                        <select name="reserve_room_id">
                            <option th:each="room:${roomList}" th:value="${room.room_id}">
                                <span th:text="${room.room_id}"></span>
                            </option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">预定时间：</label>
                    <div class="layui-input-inline">
                        <input type="text"   name="reserve_time"    class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">押金：</label>
                    <div class="layui-input-inline">
                        <input type="text"  name="reserve_deposit"  onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d]/g,'') "  class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
<!--                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                </div>
            </div>
        </form>
    </div>
</div>
<footer th:replace="common/bottom"></footer>
</body>
<script src="../js/layui.all.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>